<template>
	<view style="padding-top: 20px;" class="content">
			<say :uimg="apic" :uname="aname" sayContent="听说你英雄联盟玩得贼溜"/>
			<say1 :uimg="benPic" :uname="benName" sayContent="那必须的啊呀"/>
			<say :uimg="apic" :uname="aname" sayContent="会不会上单鳄鱼拿首杀？"/>
			<say1 :uimg="benPic" :uname="benName" sayContent="最简单的啦呀"/>
			<say :uimg="apic" :uname="aname" sayContent="你在吹牛吧？"/>
			<say1 :uimg="benPic" :uname="benName" sayContent="你说的很准啊"/>
			
		<view class="say">
			<view class="say1">
				<input />
				<button  size="mini" type="primary">发送</button>
			</view>
		</view>
	</view>
</template>

<script>
	import say from '../../components/say/say.vue'
	import say1 from '../../components/say1/say1.vue'
	export default {
		data() {
			return {
				aname:'',
				apic:'',
				benName:uni.getStorageSync('userName'),
				benPic:uni.getStorageSync('avatar')
			}
		},
		methods: {
			
		},
		onLoad({aname,apic}) {//唯一接收路由传参的生命周期方法
			//console.log(aname,apic);
			this.aname=aname
			this.apic=apic
			
		}
	}
</script>

<style lang="scss" scoped>
	.say{
		width: 100%;
		position: fixed;
		bottom: 0;
		padding: 30px ;
		background-color: aquamarine;
		>.say1{
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			>input{
				background-color: white;
			}
		}
	}
</style>
